$color-primary:#ab282e;

.app-container {
    .el-form {
        .el-form-item {
            margin-bottom: 14px !important;

            .el-form-item__content {}
        }
    }
}

.app-container-edit {
    .el-form {
        .el-form-item {

            // margin-bottom: 6px !important;
            .el-form-item__content {}
        }
    }
}


.el-table {
    th.el-table__cell {
        background-color: rgba($color: $color-primary, $alpha: 0.14) !important;
        color: $color-primary !important;
    }
}
.pagination-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 6px 0;
}

.c-operation-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 6px;

    .el-button {
        margin-left: 6px;
    }
}
.el-tooltip__popper {
  max-width: 400px;
}
.c-question-edit-from-wrap {
    padding: 0 !important;
    .c-question-edit-from {
        padding-right: 20px;

        .question-item-label {
            display: flex;
            align-items: center;

            .el-form-item__content {
                margin-left: 20px !important;
                display: flex;
                align-items: center;
            }
        }

        .question-item-flex-start {
            align-items: flex-start !important;
        }

        .el-form-item {
            display: flex;
            align-items: center;

            .el-form-item__content {
                margin-left: 20px !important;
                min-width: 300px;
                flex: 1;
            }
            .question-item-content-input{
                margin-right: 10px;
            }
        }

    }

    .c-question-edit-from-submit {
        width: 100%;
        display: flex;
        align-items: center;
        border-top: 1px solid #ccc;
        padding: 10px 0;
        justify-content: center;
    }

    //题目预览
    .question_preview_wrap{
        width: 34%;
        border-left: 1px solid #ccc;
        .question_preview_item {
            width: 100%;
            padding: 0px 20px 20px 20px;
            font-size: 14px;

            .q_title {
                width: 100%;
                display: flex;
                padding: 10px;

                span {
                    width: 60px;
                }

                p {
                    flex: 1;
                }
            }

            .q_items {
                display: flex;
                flex-direction: column;

                li {
                    display: flex;
                    padding: 5px 10px;

                    span {
                        width: 60px;
                    }

                    p {
                        flex: 1;
                    }
                }
            }

            .q_answer {
                padding: 10px;
                display: flex;

            }
            .q_answer_array{
                padding: 10px;
                display: flex;
                div{
                    display: flex;

                }
            }
        }
    }


}








.el-dialog__wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .el-dialog,
    .el-dialog:not(.is-fullscreen){
        margin: 0 !important;
    }
    .el-dialog__header{
        background: #ab282e !important;
        .el-dialog__title,
        .el-dialog__close{
            color: #fff !important;
        }
    }
}
.el-table{
    border: 1px solid #f4e1e2;
    display: flex;
    flex-direction: column;
  overflow: hidden;
}
.el-table {
  .el-button {
    //color: #ab282e;
    //background-color: #fff8f8 !important;
    //border-color: #fff8f8 !important;
  }
}
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active{
  color: #67c9b1;
  background-color: #d5f4ec;
  border-color: #a8d9cd;
}
.el-button--success.is-plain {
  color: #135847;
  background-color: #d5f4ec;
  border-color: #589f8e;
}
.el-button--warning.is-plain {
  color: #a45815;
  background: #fff3e8;
  border-color: #d5955e;
}
.el-table__body-wrapper{
flex: 1;
overflow: auto;
}
.el-table--scrollable-x .el-table__body-wrapper{
flex: 1;
}
.app_cont_tabs,.el-tabs{
width: 100%;
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
.el-tabs__content{
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    .el-tab-pane{
        width: 100%;
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        .app-container-tab{
            width: 100%;
            flex: 1;
            overflow: hidden;
        }
    }
}
}
.mb8{
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}

.com_tree_list{

}
.com-tabs-buttons{
width: 100%;
display: flex;
align-items: center;
margin-bottom: 10px;
.el-button{
    flex: 1;
}
}
.com_form_btn_center{
display: flex;
align-items: center;
justify-content: center;
}

.com_tree_right_bg{
padding: 20px;
border-left: 1px solid #dfe4ed;
}
